<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css02</title>
		<style type="text/css">
			
			/* body{ 
				margin: 0;
				padding: 0;
			}
			div {
				margin: 0 auto;
				padding: 20px;
				width: 1000px;
				background-color: #eee;
				
			}
			.text {
				text-indent: 32px;
				color: deeppink;
			}
			#title {
				text-align: center;
			} */
		</style>
		<style>
			body {
				margin: 0;
				font-size: 20px;
				background-color:gray;
			}
			.item {
				color: gold;
			}
			.active-aaa {
				font-size: 28px;
			}
			#item1 {
				color: #FF0000;
			}
		</style>
	</head>
	<body>
		<!--选择器：在css中指定你要添加样式的某个元素，就是选择器
			基础选择器
			选择器的名称              选择器表示                            在标签中添加属性                                         大概用途
			1、全局选择器               *                无                                            清除默认样式     不推荐
			2、元素选择器         body div ul        无                                            为某一类元素 设置一些公共样式   清除默认样式，设置公共样式
			3、class选择器  .className    class='className'    用来选择一类有共同属性的元素       身份：学生
			4、id选择器                 #idName       id="idName"        为某一个元素设置一些独有的样式                     身份证号码：唯一性
		-->
		<div>
			<h1 id="title">选择器--基础选择器</h1>
			<p class="text">基础选择器包括：全局选择器、元素选择器（标签选择器）、class选择器（类选择器）、id选择器等，</p>
			<p class="text">选择器是css的基础，要学会根据不同的选择需求，合理的使用适当的选择器，精准、快速的定位到需要选择的元素，才能对元素进行样式的设置，大家加油！！！</p>
			<ul>
				<Li class="item active-aaa">全局选择器</li>
				<li class="item">元素选择器</li>
				<li class="item">class选择器</li>
				<li id="item1">id选择器</li>
			</ul>
		</div>
		
	</body>
</html>
